<html lang="zh-CN">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>用户登录</title>
    <link href="../bootstrap/bootstrap-5.3.8-dist/css/bootstrap.min.css"rel="stylesheet">
    <script src="../bootstrap/bootstrap-5.3.8-dist/js/bootstrap.bundle.min.js"></script>
</head>
<body>
    <div class="container mt-3">
        <button type="button" class="btn btn-default">默认按钮</button>
        <button type="button" class="btn btn-primary">原始按钮</button>
        <button type="button" class="btn btn-success">成功按钮</button>
        <button type="button" class="btn btn-info">信息按钮</button>
        <button type="button" class="btn btn-warning">警告按钮</button>
        <button type="button" class="btn btn-danger">危险按钮</button>
        <button type="button" class="btn btn-link">链接按钮</button>
    </div>
    <div class="container mt-3">
        <table class="table">
            <caption>基本的表格布局</caption>
            <thead>
                <tr>
                    <th scope="col">#</th>
                    <th scope="col">省份</th>
                    <th scope="col">城市</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <th scope="row">1</th>
                    <td>北京</td>
                    <td>朝阳</td>
                </tr>
                <tr>
                    <th scope="row">2</th>
                    <td>广东</td>
                    <td>广州</td>
                </tr>
            </tbody>
        </table>
        </div>
</body>
</html>